<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery-3.6.0.js"></script>
    <link rel="stylesheet" href="../css/aside.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/zch-icon/iconfont2.css">
</head>

<body>
    <div class="aside">
        <!-- 黑色部分 -->
        <div class="aside-black">
            <div class="black-top">
                <ul>
                    <!-- 用户 -->
                    <li class="first lond-lan">
                        <a href="javascript:void(0)">
                            <i class="user"></i>
                        </a>
                        <div class="user-dis">
                            <em></em>
                            <div class="dis-top">
                                <img src="../images/touxiang.jpg" alt="">
                                <div>
                                    <p>用户名： 暂无</p>
                                    <p>级别： 暂无</p>
                                </div>
                            </div>

                            <div class="dis-bot">
<<<<<<< HEAD
                                <a href="javascript:void(0)">我的订单</a> 
                                <a href="./order.html">我的收藏</a>
=======
                                <a href="javascript:void(0)">我的订单</a>
                                <a href="javascript:void(0)">我的收藏</a>
>>>>>>> 84303e14cb879918fcae80a4e3a0bc0955c765eb
                            </div>
                        </div>
                    </li>

                    <!-- 购物车 -->
                    <li class="aside-shop">
                        <a href="javascript:void(0)" class="num">
                            <i class="car"></i>
                            <div style="width: 16px;padding: 0px 12px;">购物车</div>
                            <span>0</span>
                        </a>
                    </li>

                    <!-- 订单 -->
                    <li class="same lond-lan">
                        <a href="javascript:void(0)">
                            <i class="order"></i>
                        </a>
                        <div class="show">我的订单<i></i></div>
                    </li>

                    <!-- 优惠劵 -->
                    <li class="same lond-lan">
                        <a href="javascript:void(0)">
                            <i class="coupon"></i>
                        </a>
                        <div class="show">优惠卷<i></i></div>
                    </li>

                    <!-- 资产 -->
                    <li class="same lond-lan">
                        <a href="javascript:void(0)">
                            <i class="money"></i>
                        </a>
                        <div class="show">我的资产<i></i></div>
                    </li>

                    <!-- 收藏 -->
                    <li class="same">
                        <a href="./order.html">
                            <i class="store"></i>
                        </a>
                        <div class="show">我的收藏<i></i></div>
                    </li>

                    <!-- 足迹 -->
                    <li class="dis-show same">
                        <a href="javascript:void(0)">
                            <i class="stace"></i>
                        </a>
                        <div class="show">我的足迹<i></i></div>
                    </li>

                    <!-- 邮箱 -->
                    <li class="bot-sou same">
                        <a href="javascript:void(0)">
                            <i class="email"></i>
                        </a>
                        <div class="show">邮箱订阅<i></i></div>
                    </li>

                </ul>
            </div>

            <div class="black-bot">
                <ul>
                    <!-- 客服 -->
                    <li class="same lond-lan">
                        <a href="javascript:void(0)">
                            <i class="service"></i>
                        </a>
                        <div class="show">客服中心<i></i></div>
                    </li>

                    <!-- 返回顶部 -->
                    <li class="last">
                        <a href="javascript:void(0)">
                            <i class="top"></i>
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 购物车侧栏隐藏部分 -->
        <div class="aside-dis">
            <h3 class="adis-top">购物车<b></b></h3>

            <div class="adis-con">
                <!-- <div class="con-center">
                    <img src="../images/cart-nogoods.png" alt="">
                    <p>购物车空空的，赶快去挑选心仪的商品吧~</p>
                    <p><a href="" style="color: red;"> 去首页看看</a></p>
                </div> -->

                <!-- 购物车有商品时 -->
                <ul>
                    <!-- <li>
                        <div class="con-l">
                            <a href="">
                                <img src="" alt="">
                            </a>
                        </div>
                        <div class="con-r">
                            <a href="">金奥力红叶伞遮阳伞防紫外线黑胶防晒晴雨两用太阳伞女糖果色折叠雨伞
                            </a>
                            <p>22.26</p>
                            <div class="con-num">
                                <span class="jian">-</span>
                                <span class="shop-num">1</span>
                                <span class="add">+</span>

                            </div>
                            <div class="del"><a href="javascript:void(0)"> 删除</a></div>
                        </div>
<<<<<<< HEAD
=======
                    </li>

                    <li>
                        <div class="con-l">
                            <a href="">
                                <img src="" alt="">
                            </a>
                        </div>
                        <div class="con-r">
                            <a href="">金奥力红叶伞遮阳伞防紫外线黑胶防晒晴雨两用太阳伞女糖果色折叠雨伞
                            </a>
                            <p>22.26</p>
                            <div class="con-num">
                                <span class="jian">-</span>
                                <span class="shop-num">1</span>
                                <span class="add">+</span>

                            </div>
                            <div class="del"><a href="javascript:void(0)"> 删除</a></div>
                        </div>
>>>>>>> 086ef85d6255716b9a53ad2adcfaa9c1a741d2ee
                    </li> -->
                </ul>
            </div>

            <div class="adis-bot">
                <div>
                    <p>共<span style="color: red;">0</span>件商品</p>
                    <h4 style="color: red;">￥0.00</h4>
                </div>
                <a href="./shoppingCart.html">去购物车结算</a>
            </div>
        </div>
    </div>

    <!-- 订阅隐藏栏 -->
    <div class="reading">
        <div class="w1200">
            <input type="text" placeholder="请输入您的邮箱账号">
            <a href="" class="dg">订阅</a>
            <a href="" class="td">退订</a>
        </div>
    </div>

    <!-- 请登录弹窗 -->
    <div class="bg-mb">
        <div class="mb">
            <div class="mb-con">
                <div class="con-top">
                    <span>您尚未登陆</span>
                    <i></i>
                </div>

                <div class="con-bot">
                    <div class="zhanghao">
                        <span></span>
                        <h3>用第三方账号直接登录</h3>
                    </div>
                    <div class="denglu">
                        <a href="" class="qq"></a>
                        <div class="qq-load">
                            <span></span>
                            <h3>账号登陆</h3>
                        </div>
                    </div>
<<<<<<< HEAD
                    <p class="remember">
                        <input type="checkbox">请保存我这次的登录信息
                    </p>
                    <p class="enter">
                        <button><a href="./登录界面.html">登录</a></button>
                    </p>
                    <div class="free">
                        <a href="./忘记密码.html" class="forword">忘记密码?</a>
                        <a href="./注册界面.html" class="enrol">免费注册</a>
=======
                    <div class="bot-bot">
                        <div class="userName">
                            <i class="iconfont icon-jurassic_user"></i>
                            <input type="text" placeholder="用户名/邮箱/手机">
                        </div>
                        <div class="pass">
                            <i class="iconfont icon-mima"></i>
                            <input type="password" placeholder="密码">
                        </div>
                        <div class="yzm">
                            <i class="iconfont icon-yanzhengma"></i>
                            <input type="text" placeholder="验证码">
                            <img src="" alt="">
                        </div>
                        <p class="remember">
                            <input type="checkbox">请保存我这次的登录信息
                        </p>
                        <p class="enter">
                            <button>登录</button>
                        </p>
                        <div class="free">
                            <a href="" class="forword">忘记密码?</a>
                            <a href="" class="enrol">免费注册</a>
                        </div>
>>>>>>> 84303e14cb879918fcae80a4e3a0bc0955c765eb
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 购物车蒙版 -->
    <!-- <div class="shop-mb">

</div> -->
    <div class="bbbb" style="height: 1000px; width: 100%;">

    </div>
    <script src="../js/aside.js"></script>
</body>

</html>